<?php if((@$page_name=='Profile') || (@$page_name=='Feeds') || (@$page_name=='Search') || (@$page_name=='Messages') || (@$page_name=='Reviews') || (@$page_name=='Forum'))  { ?>
<div class="header-user-wrap row">
	<header class="header-holder  large-12 column">
		<div class="header-left-section large-6 columns">
		<div class="logo-colored large-2 column">
			<a href="<?= BASE_URI?>feeds"><img src="<?php echo BASE_URI; ?>img/icons/logo3.png"></a>
		</div>
		<div class="large-10 column" style="margin-left:-2rem;">
			<form>		
		      <div class="search-header row collapse">
		        <div class="small-9 columns">
		          <input id="searchboxx" type="text" placeholder="Search">
		        </div>
		        <div class="small-1 columns">
		          <a href="<?= BASE_URI; ?>search" class="button postfix"><i class="fa fa-search"  style="color:black;"></i></a>
		        </div>
		        <div class="small-2 end columns">
				    <dl id="searchoption" class="search-dropdown">
				        <dt><a href="#"><span>Browse <i class="fa fa-caret-down"></i></span></a></dt>
				        <dd>
				            <ul>
				                <li><a href="#">People<span class="value">P</span></a></li>
				                <li><a href="#">Company<span class="value">C</span></a></li>
				                <li><a href="#">Groups<span class="value">G</span></a></li>
				                <li><a href="#">Map<span class="value">M</span></a></li>
				            </ul>
				        </dd>
				    </dl>
					<span id="result" style="display:none !important;"></span>
		        </div>
		      </div>
			</form>
		</div>
		</div>
		<div class="header-right-section large-6 columns">
			<ul class="right inline-list">
				<li><a  data-dropdown="user-account" aria-controls="user-account" aria-expanded="false">
				<img alt="dp" src="<?= IMAGE_URL_SMALL.$this->session->get('profile_pic') ?>"  style="width:2.3rem;height:2.3rem;border-radius:2.3rem;">&nbsp;&nbsp;<?= $this->session->get('fullname') ?></a>
					<ul id="user-account" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
					  <li><a href="#">Account Settings</a></li>
					  <li><a class = "btnLogout">Logout</a></li>
					</ul>
				</li>
				<li id="notification_li">
					<?php $this->view->partial('common/notification'); ?>
				</li>
				<li><a href="#"><i class="fa fa-envelope fa-lg"></i></a></li>
				<li><a href="#"><i class="fa fa-cog fa-lg"></i></a></li>						
			</ul>
		</div>
	</header>
</div><br><br><br>
<?php } elseif ((@$page_name=='Step_1') || (@$page_name=='Step_2') ||(@$page_name=='Step_3') || (@$page_name=='Step_4')) { ?>
<div class="row">
  <div class="step-wrapper large-10 large-centered column">
  <img class="logo2" src="<?php echo BASE_URI; ?>img/icons/logo2.png">
 </div>
 </div>
 <?php } ?>

<script type="text/javascript" src="<?= BASE_URI ?>js/header_user.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $(".search-dropdown img.flag").addClass("flagvisibility");

            $(".search-dropdown dt a").click(function() {
                $(".search-dropdown dd ul").fadeToggle(200);
            });
                        
            $(".search-dropdown dd ul li a").click(function() {
                var text = $(this).html();
                
                if(text=='People<span class="value">P</span>') {
                	$('#searchboxx').attr("placeholder", "Search for People");
                }
                else if(text=='Company<span class="value">C</span>') {
                	$('#searchboxx').attr("placeholder", "Search for Company");
                }
                else if(text=='Groups<span class="value">G</span>') {
                	$('#searchboxx').attr("placeholder", "Type Group Name");
                }
                else  {
                	$('#searchboxx').attr("placeholder", "Type Address");               	
                }
                $(".search-dropdown dt a span").html(text);
                $(".search-dropdown dd ul").hide();
                $("#result").html("Selected value is: " + getSelectedValue("searchoption"));

            });
                        
            function getSelectedValue(id) {
                return $("#" + id).find("dt a span.value").html();
            }

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("search-dropdown"))
                    $(".search-dropdown dd ul").hide();
            });


            $("#flagSwitcher").click(function() {
                $(".search-dropdown img.flag").toggleClass("flagvisibility");
            });
        });
    </script>

<script type="text/javascript" >
$(document).ready(function()
{
$("#linkNotif").click(function()
{
$("#notificationContainer").fadeToggle(300);
$("#counterNotif").fadeOut("slow");
return false;
});

//Document Click
$(document).click(function()
{
$("#notificationContainer").hide();
});
//Popup Click
$("#notificationContainer").click(function()
{
return false
});

});
</script>


